<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/fancybox.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/jquery.js"></script>	
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<div class="header main clearfix">
	<a href="###"><h1></h1></a>
	<div class="right clearfix">
		<p>招商热线：13809857994</p>
		<form action="" class="head_form">
			<input type="text" placeholder="请输入关键词...">
			<div class="sreach_btn"></div>
		</form>
	</div>
</div>


<div class="menu">
	<ul class="main clearfix">
		<li><a href="###">首页</a></li>
		<li><a href="###">关于我们</a></li>
		<li><a href="###">产品展示</a></li>
		<li><a href="###">新闻中心</a></li>
		<li><a href="###">工程案例</a></li>
		<li class="on"><a href="###">联系我们</a></li>
	</ul>
</div>

<div class="inc_img">
	<img src="images/banner.jpg" alt="">
</div>

<div class="nav">
	<div class="main">
		<a href="###">首页</a>
		<a href="###">联系我们</a>
	</div>
</div>



<div class="messge">
	<div class="main clearfix">
		<div class="ml">
			<h3>佛山市虹象防水科技有限公司</h3>
			<div class="text">
				<p>公司地址：佛山石湾沙岗陶瓷市场脚南仓11号</p>
				<p>联系方式：13825537433 / 13809857994 （招先生）</p>
				<p>手机 Q Q：283809961</p>
				<br>
				<p><img src="images/eqcode.jpg"></p>
				<p class="lette">扫一扫</p>
			</div>
		</div>
		<div class="mr">
			<form action="">
				<input type="text" name="name" placeholder="姓名">
				<input type="text" name="phone" placeholder="电话">
				<textarea rows="3" cols="3" name="content" placeholder="留言"></textarea>
				<input type="text" name="verify" placeholder="验证码">
				<div class="img_box"><img src="images/reg.jpg" alt=""></div>
				<button type="button" class="msg_submit">提交</button>
			</form>
		</div>
	</div>
</div>



<!-- 地图 -->
<div class="map">
	<div class="main">
		<div class="map_box">
			<img src="images/map.jpg" alt="">
		</div>
	</div>
</div>





<!-- footer -->
<div class="footer cleartab">
	<div class="main">
		<div class="roof clearfix">
			<a href="###">关于我们</a>
			<a href="###">产品展示</a>
			<a href="###">工程案例</a>
			<a href="###">新闻资讯</a>
			<a href="###">联系我们</a>
		</div>
		<div class="bottom clearfix">
			<div class="bl">
				<p>公司地址：佛山石湾沙岗陶瓷市场脚南仓11号</p>
				<p>联系方式：13825537433 / 13809857994 （招先生）</p>
				<p>手机 Q Q：283809961</p>
			</div>
			<div class="br">
				<img src="images/eqcode.jpg" alt="">
				<div> 扫一扫 </div>
			</div>
		</div>
	</div>
	<div class="copy">
		<div class="main">
			<div class="cl">CopyRight@2020佛山市虹象防水科技有限公司</div>
			<div class="cr">技术支持：<a href="###">云路科技</a></div>
		</div>
	</div>
</div>

<script src="js/index.js"></script>
<script>
//前台验证
$('.msg_submit').on('click', function(){
	
	//验证名字
	var name = $("input[name='name']").val().trim();
	if(name.length <= 0){
		alert('姓名不能为空！');
		$("input[name='name']").focus();
		return false;
	}

	//验证邮箱
	var email = $("input[name='email']").val().trim();
	if(email.length <= 0){
		alert('邮箱不能为空！');
		$("input[name='email']").focus();
		return false;
	}  

	//验证电话
	var phone = $("input[name='phone']").val().trim();
	if(phone.length <= 0){
		alert('联系电话不能为空！');
		$("input[name='phone']").focus();
		return false;
	}      

	 //验证码
	 var verify = $("input[name='verify']").val().trim();
	 if(verify.length != 4){
		 alert('请输入4位验证码！');
		 $("input[name='verify']").focus();
		 return false;
	 }
	
	return true;
});

 var verifyurl = $('#verifyimg').attr('src');
 $('#verifyimg').on('click', function(){
	 if(verifyurl.indexOf('?') > 0){
		 $('#verifyimg').attr('src', verifyurl + '&random=' + Math.random());
	 }else{
		 $('#verifyimg').attr('src', verifyurl + '?random=' + Math.random());
	 }
 });        
</script>
</body>
</html>
